<div class="wrap">
  <div class="wrap-content">
    <p-panel headerClass="bg-none" [showScroll]="true"  marginHeight="110">
      <p-header>
        <div class="text-right p-6-0">
          <span class="border-l-1a8fe8 p-l-8 pull-left m-t-8 m-b-10">
              现场交底
              <span class="panel-status-success" *ngIf="storage.dicFilter('disclosureresultstatus', prepareData.resultStatus)">{{storage.dicFilter('disclosureresultstatus', prepareData.resultStatus)}}</span>
          </span>
          <!-- <span class="p-l-10 pull-left  m-t-8">
            <p-label [showClose]="false" [label]="" [active]="true" styleColor="#02bb5f"></p-label>
          </span> -->
          <span style='height:33px;display:inline-block;width: 1px;'></span>
        </div>
      </p-header>
      <div class="p-b-10">
        <strong>交底时间</strong>
      </div>
      <div class="table-row">
        <div class="table-cell text-left  color-b1b1b1" style="padding-right: 6px;">交底时间：</div>
        <div class="table-cell text-left">
          <strong>{{prepareData.disclosureTimeText?prepareData.disclosureTimeText:'待确认'}}</strong>
        </div>
      </div>
      <div class="p-t-10 border-b-f1f1f1"></div>
      <div class="p-t-20 p-b-10">
        <strong>交底内容</strong>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125  p-l-25 color-b1b1b1">人员到场情况：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left table-max">
          <app-div-table [tableHead]="personCols" [values]="personList"></app-div-table>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">水电设施情况：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left table-max">
          <app-div-table [tableHead]="installationCols" [values]="installationList"></app-div-table>
        </div>
      </div>
      <div></div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">设计是否变更：</div>
        <div class="table-cell text-left">
          {{prepareData.isDesignChange == null ? '' : (prepareData.isDesignChange?'变更':'不变更')}}
        </div>
      </div>
      <div class="table-row" *ngIf="prepareData.isDesignChange">
        <div class="table-cell text-left p-l-25 color-b1b1b1">变更内容：</div>
        <div class="table-cell text-left">
          {{prepareData.changeContent}}
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">防裂处理位置：</div>
        <div class="table-cell text-left">
          {{storage.dicFilter('crackarea', prepareData.preventCrackArea)}}
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">面积：</div>
        <div class="table-cell text-left">
          {{prepareData.area}}&nbsp;m2
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">垂直度与厚度：</div>
        <div class="table-cell text-left">
          {{prepareData.perpendicularityAndThickness == null ? '' : (prepareData.perpendicularityAndThickness?'有缺陷':'无缺陷')}}
        </div>
      </div>
      <div class="table-row" *ngIf="prepareData.perpendicularityAndThickness">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">缺陷说明：</div>
        <div class="table-cell text-left">
          {{prepareData.flawDescription}}
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left  width-125 p-l-25 color-b1b1b1">内饰面现状：</div>
        <div class="table-cell text-left">
          {{storage.dicFilter('insidestatus', prepareData.insideStatus)}}
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left width-125 p-l-25 color-b1b1b1">钥匙数量：</div>
        <div class="table-cell text-left">
          {{prepareData.keyNumber}}&nbsp;把
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left  p-l-25 color-b1b1b1">房屋原始情况：</div>
      </div>

      <div></div>
      <div class="table-row">
        <div class="table-cell text-left table-max">
          <app-div-table [tableHead]="houseOriginalCols" [values]="houseOriginalList"></app-div-table>
        </div>
      </div>
      <div></div>
      <div class="table-row">
        <div class="table-cell text-left  p-l-25 color-b1b1b1  v-a-t">装修工程许可证：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="decorationPermitImages"></p-lightboxfile>
          </div>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25  color-b1b1b1  v-a-t">电梯使用许可证：</div>

      </div>
      <div class="table-row">
        <div class="table-cell text-left mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="elevatorPermitImages"></p-lightboxfile>
          </div>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25  color-b1b1b1  v-a-t">施工许可证：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="constructionPermitImages"></p-lightboxfile>
          </div>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25   color-b1b1b1  v-a-t">现场图片：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="personalAttendImages"></p-lightboxfile>
          </div>
        </div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25   color-b1b1b1  v-a-t">施工时间：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left mi-w-800">
          <p-doubleTable [titleWidth]="129"  [value]="durationPer" [rowClos]="itemCol">
          </p-doubleTable>
        </div>
      </div>
      <div class="p-t-10 border-b-f1f1f1"></div>
      <div class="p-t-20 p-b-10">
        <strong>交底结果</strong>
      </div>
      <div class="table-row">
        <div class="table-cell text-left p-l-25 color-b1b1b1">交底结果：</div>
      </div>
      <div class="table-row">
        <div class="table-cell text-left table-max">
          <app-div-table [tableHead]="definitudeCols" [values]="definitudeList"></app-div-table>
        </div>
      </div>
    </p-panel>
  </div>

</div>
